<template>
    <el-dialog  :visible.sync="dialogVisible" width="600px" :close-on-click-modal="false"
        :close-on-press-escape="false" v-dialogDrag>
        <div slot="title" class="dialog_title">
            <img :src="userInfo.userPhoto" width="30px" height="30px" style="border: 1px solid #ccc;border-radius: 50%;">
            <div class="dialog_title_userInfo">{{ userInfo.userName }}</div>
        </div>
        <div class="dialog_content">

        </div>
    </el-dialog>
</template>

<script>
export default {
    name: 'GenecloudUiIndex',

    data() {
        return {
            dialogVisible: false,
            userInfo:JSON.parse(localStorage.getItem('userInfo'))
        };
    },

    mounted() {

    },

    methods: {
        open() {
            this.dialogVisible = true
            console.log(this.userInfo,'userInfo');
        }
    },
};
</script>

<style lang="scss" scoped>
::v-deep .el-dialog {
    border-radius: 8px;
    background-color: #fefaf1;
    .dialog_title{
        display: flex;
        align-items: center;
        .dialog_title_userInfo{
            margin-left: 15px;
        }
    }
    .dialog_content{
        height: 300px;
    }
}
</style>